@use "~styles/variables.scss" as variable;
.bills-page {
    padding: 0;
    .count-page-header {
        position: fixed;
        z-index: 1;
        .has-filter {
            color: variable.$color-primary;
        }
    }
    .page-body {
        padding: 0 25rpx;
        box-sizing: border-box;
        padding-bottom: calc(constant(safe-area-inset-bottom) + 25rpx);
        padding-bottom: calc(env(safe-area-inset-bottom) + 25rpx);
        .summary-container {
            width: 700rpx;
            margin: 25rpx;
            border-radius: 25rpx;
            box-sizing: border-box;
            padding: 25rpx;
            .summary-row {
                margin: 10rpx;
                .summary-row-item {
                    align-items: baseline;
                    .label {
                        margin-right: 15rpx;
                    }
                }
            }
        }
        .bill-list-container {
            width: 700rpx;
        }
        .is-end {
            line-height: 80rpx;
            height: 80rpx;
            width: 100%;
            text-align: center;
        }
    }
}